<template>
	<view>
		<view class="top-bg"></view>
		<view class="content-wrap">
			<view class="list-wrap">
				<m-history ref="history"></m-history>
			</view>
		</view>
	</view>
</template>

<script>
	import mHistory from "@/components/hq-ui/m-history"
	export default {
		components: {
			mHistory
		},
		data() {
			return {};
		},
		onLoad(options) {
			this.$refs.history.loadList();
		} 
	}
</script>

<style lang="scss">
	page {
		background: #F4F8FB;
	}

	.top-bg {
		background: #3291F8;
		width: 100%;
		height: 200rpx;
		position: fixed;
		top: 0;
		left: 0;
	}

	.content-wrap {
		padding: 0 30rpx 30rpx;
		margin-top: 60rpx;
		width: 100%;
		z-index: 2;
		position: relative;

		.list-wrap {
			border-radius: 20rpx;
			background: #fff;
			padding: 24rpx;
			box-shadow: 0px 2rpx 6rpx 0px rgba(180, 180, 180, 40);
			min-height: 90vh;
		}
	}
</style>